@import url(global.css); 

.main{width:100%;z-index: 1; padding-bottom:50px; overflow:hidden;}
.mainindex{ background:#fff;}
.submain{background:url(mainbg.png) center top repeat-x;}
/*head*/
.headtop{ background:#fff; height:100px; overflow:hidden;}
.headtop h1{ float:left;padding-top:10px;}
.headright{ float:right;}
.phone{ float:right; font-size:14px; color:#4f4f4f; padding-left:27px; background:url(icon01.png) left center no-repeat; height:100px; line-height:100px;}
.phone span{ font-size:24px; color:#002395; font-family:"Arial"; display:inline-block; vertical-align:top; margin-left:6px;}
.language{ float:right; height:100px; line-height:100px; font-size:14px; color:#666; padding-right:5px;}
.language a{ color:#666; padding:0 5px;}
.language a:hover{ color:#002395}
.fn-margin { margin:0 auto; }
#wrapper { position:relative; height:500px;}
#banner ul li { position:absolute; top:0; left:0; width:100%; height:500px; display:none; }
.banner-title { position:relative; top:85px; left:0; }
.banner-btn-prev, .banner-btn-next { position:absolute; top:0; width:100px; height:100%; }
.banner-btn-prev { left:0;background: url(focus_btn.png) left 74px;width: 40px;height: 74px;top:180px;}
.banner-btn-next { right:0; background: url(focus_btn.png) right 74px;width: 40px;height: 74px;top:180px;}
/*表格样式。*/
.table {
width:100%;
padding: 0px;
margin: 0px;
border-left:1px solid #ddd;
border-collapse:collapse;
}
/*表头样式。*/
.table th {
font-size:12px;
font-weight:bold;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
letter-spacing: 2px;
padding: 10px 0px 10px 0px;
background: #eee;
white-space:nowrap;
text-align:center;
overflow: hidden;
}
/*单元格样式。*/
.table td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #fff;
font-size:12px;
padding: 3px 3px 3px 6px;
text-align:center;
word-break:break-all;
word-wrap:break-word;
white-space:normal;
}
/*蓝色单元格样式，主要用于隔行变色。*/
.table td.color{
background:#edf7f9;
}
.nav{ background:#221815}
.nav ul{ float:left;}
.nav li{ float:left; margin-right:36px;}
.nav li>a{ display:block; text-align:center; height:47px; line-height:47px; font-size:14px; color:#bfbfbf; width:78px;}
.nav li.firstli>a{ width:70px;}
.nav li:hover>a,.nav li>a.cur{ background:url(navbg02.jpg) no-repeat; color:#fff;}
.firstli img{ display:inline-block; margin-top:15px;}
.nav li.firstli{ margin-right:17px;}
.nav li.firstli:hover>a,.nav li.firstli>a.cur{ background:url(navbg01.jpg) no-repeat; color:#fff;}
.hdsearch{ float:right;  width:186px; height:24px; background:#fff; overflow:hidden; margin-top:12px;}
.searchin{ float:left; width:148px; padding-left:10px; font-size:13px; color:#333; height:24px; line-height:24px;}
.searchbt{ float:right; width:28px; height:24px; cursor:pointer; background:url(icon02.png) center center no-repeat;}

/*foot*/
.foot{ background:#1b1b1b; font-size:12px; color:#747474; height:107px;}
.footlogo{float:right;margin-top: 30px;}
.foot a{ color:#747474;}
.footfl{ padding-top:25px; float:left;}

/*product*/
.inbanner{ width:100%; position:relative; overflow:hidden; height:300px;}
.inbanner img{ display:block; width:1920px; height:auto; position:relative; left:50%; margin-left:-960px; height:300px;}
.bread-nav{ border-bottom:1px solid #e6e6e6; background:#fff; margin-top:-57px; position:relative; z-index:3; padding-left:22px; height:57px;}
.bread{ height:57px; line-height:57px; color:#666; float:left;}
.bread a{ color:#666;}
.bread a:hover,.bread a.cur{ color:#002395}
.insidenav{ float:right;}
.insidenav a{ display:block; text-align:center; height:57px; line-height:57px; position:relative; color:#333; padding:0px 15px 0px 15px; float:left;}
.insidenav a:hover,.insidenav a.cur,
.jobnav a:hover,.jobnav a.cur{ color:#fff; background:#002395;}
.insidenav a:hover em,.insidenav a.cur em,
.jobnav a:hover em,.jobnav a.cur em{ display:block; background:url(icon03.png) no-repeat; width:18px; height:10px; position:absolute; left:50%; margin-left:-9px; bottom:-9px}
.page{ text-align:center; padding:40px 0 60px;}

.submain .web{ background:#fff;}
.prolist{padding-top:5px;padding-left: 22px;}
.prolist li{ float:left; width:350px; border:1px solid #e6e6e6; margin-top:17px; margin-right:20px; padding:0 10px; text-align:center; color:#666; height:328px; overflow:hidden;}
.prolist li img{ _width:expression(this.offsetWidth > 350 ? '350px': true);max-width:350px;_height:expression(this.height> 198 ? 198 : true);max-height:198px;display:block; margin:0 auto; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.prolist li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

.prolist li h2{ font-size:18px;  color:#333; padding-top:8px; padding-bottom:4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.prolist li p{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.promore{ color:#002395; display:block; margin:18px auto 0; width:73px; height:24px; line-height:24px; border:1px solid #ddd;}
.promore:hover{ color:#fff; background:#002395;}

/*产品详情*/
.prodetail{ padding:30px 38px 88px;}
.bigiamge{ float:left; width:552px; height:415px; border:1px solid #dadada; text-align: center;display:table-cell; vertical-align:middle;}
.bigiamge img{ _width:expression(this.offsetWidth > 552 ? '552px': true);max-width:552px;_height:expression(this.height> 415 ? 415 : true);max-height:415px;vertical-align:middle;}
.pro-right{ float:right; width:525px; overflow:hidden;}
.pro-right h2{ font-size:32px; font-weight:bold; color:#002395; line-height:45px; border-bottom:1px solid #dadada; padding:65px 0 25px;}
.prointro{ color:#666; padding-top:30px; min-height:236px;}
.prointro p{ padding-left:17px; background:url(icon05.jpg) left 10px no-repeat; margin-top:4px;}
.samllpic{ width:560px;}
.samllpic li{ float:left; border:1px solid #ddd; width:98px; height:98px; margin-right:13px; cursor:pointer; text-align: center;}
.samllpic li img{ height:100%;}
.samllpic li.cur{ width:91px; height:91px; border:4px solid #002395;}
.pro-last{ padding-top:25px;}
.detail-nav{ background:#202020; padding-top:2px;}
.detail-nav a{ display:block; float:left; width:20%; font-size:18px; text-align:center; color:#fff; height:73px; line-height:73px; cursor:pointer;}
.detail-nav a.cur{ background:#fff; color:#002395;}
.subdetail{ display:none; width:100%; height:auto;overflow:hidden;}
.subdetail img{max-width:100%;}
.detail01{ color:#666; line-height:30px; padding-top:43px;}
.detailback{ display:block; background:#002395 url(icon04.jpg) 29px center no-repeat; font-size:18px; color:#fff; height:32px; line-height:32px; width:64px; padding-left:47px; margin-top:21px;}
.detailtable td{ border-right:2px solid #fff; color:#333; padding:8px 0 8px 9px; background:#ededed;}
.detail02{ padding-top:30px}
.detailcase{ width:1200px;}
.detailcase li{float:left;width:360px;margin-right: 17px;margin-top:20px;text-align:center;}
.detailcase li span{ display:block; font-size:18px; color:#333; padding-top:10px;}
.detailcase li img{width: 370px;height: 260px;}
.detail-more{ display:block; margin:27px auto 0; font-size:14px; color:#fff;  text-align:center; background:#002395; width:145px; height:38px; line-height:38px;}
.detail04{ padding-top:35px;}
.downtable{ color:#333;}
.downtable th{ background:#f2f2f2; font-size:14px; color:#4c4c4c; height:40px; line-height:40px; padding-left:33px; text-align:left}
.downtable .date{ color:#999; padding-left:25px;}
.downtable td{ border-bottom:1px solid #e6e6e6; padding:15px 0}
.downa{ display:block; background:#002395 url(icon06.png) 13px center no-repeat; color:#fff; padding-left:32px; width:41px; height:29px; line-height:29px;}

.downlist{ padding:35px 37px 0;}
.down-single img{ max-width:100%;}
.down-single{ color:#333; padding:35px 37px}

/*搜索结果页*/
.result{ padding: 58px 0 55px; background:#fff;}
.result-list{ background:#fff; margin:30px 0 80px;}
.result span{font-size:30px;color: #002395;display:block;line-height:46px;float:left;}
.result-in{float: left;height: 46px;border: 1px solid #ccc; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 480px;margin-left: 32px;margin-right: 13px;padding: 0 13px; line-height:46px; font-size: 15px;}
.result-bt{background: #002395;color:#fff;width:111px;font-size:15px;text-align:center;line-height:46px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; cursor:pointer}
.the-result{ font-size:18px; color:#1a1a1a; padding-top:30px;}
.result-ul{ padding:0 40px 27px;}
.result-ul li{ border-bottom:1px solid #d0d0d0; line-height:22px; color:#333; position:relative; padding-top:25px; padding-bottom:25px;}
.result-ul li h2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:7px;}
.result-ul li h2 a{color: #002395;}
.result-ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.result-a{display:block;width:95px;height:30px;text-align:center;line-height:30px;border:1px solid #c3c3c3;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;margin-top:15px;color: #002395;}
.result-a:hover{background: #002395;color:#fff;}

/*case*/
.box{ width:100%; overflow:hidden;}
.caselist{ width:1200px; padding-left:26px; padding-top:17px;}
.caselist li{ background:#f1f1f1; float:left; width:370px; position:relative; margin-right:17px; margin-top:23px;}
.caselist h2{ font-size:18px; color:#494949; text-align:center; padding:0 10px; height:69px; line-height:69px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.caselist li:hover a{ display:block; position:absolute; right:0; left:0; bottom:0; top:0; border:5px solid #002395;}
.caselist li:hover h2{ color:#002395}
.casetop{ padding:34px 110px 0; color:#333;}
.casetop h2{ text-align:center; font-size:30px; color:#002395; line-height:35px; margin-bottom:23px;}

.caseimgs{ width:940px; margin:0 auto; padding-bottom:57px; padding-top:26px;}
.casebig{ width:940px; height:540px; position:relative;}
.casebig img{ width:940px; height:540px;}
.bigleft,.bigright{ position:absolute; top:50%; width:51px; height:70px; margin-top:-35px;cursor:pointer;}
.bigleft{ background:url(bigl.png) no-repeat; left:0}
.bigright{ background:url(bigr.png) no-repeat; right:0}
.bigleft:hover{ background:url(biglh.png) no-repeat; }
.bigright:hover{ background:url(bigrh.png) no-repeat; }
.casesamll{position:relative;width: 730px;margin: 33px auto 0;}
.subsmall-case li{width:136px;height:78px;float:left;margin-right: 13px; cursor:pointer}
.subsmall-case li img{ width:136px; height:78px;}
.subsmall-case li.cur{ border:4px solid #002395; width:126px; height:70px;}
.subsmall-case li.cur img{ width:126px; height:70px;}
.smallleft,.smallnext{ display:block; width:18px; height:27px; position:absolute; top:50%; margin-top:-13px; cursor:pointer;}
.smallleft{background:url(smalll.png) no-repeat; left:-35px;}
.smallnext{background:url(smallr.png) no-repeat; right:-35px;}
.smallleft:hover{  background:url(smalllh.png) no-repeat;}
.smallnext:hover{background:url(smallrh.png) no-repeat;}
.subsmall-case{float:left;width: 730px;overflow:hidden;margin: 0 auto;}
.subsmall-case ul{ width:9999px; position:relative}

/*新闻中心*/
.newbox{ padding:0 28px;}
.new {position:relative;padding:30px 0;border-bottom: 1px solid #c5c5c5;}
.new dt{padding-right: 50px;float:left;width: 383px;}
.new dt img{width: 383px;height: 229px;}
.new a{ display:block;}
.dtdate{background: #002395;position:absolute;top:30px;left:0;color:#fff;padding-left:9px;padding-top:12px;font-size:20px;width: 58px;height: 49px;font-family: Arial;}
.dtdate i{ display:block; font-size:14px; margin-top:-4px;}
.new dd h2 a{font-size:26px;color:#333;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 43px;padding-bottom: 4px;}

.new dd p{ height:72px; overflow:hidden; margin-top:9px;}
.new dd a.newmore{display:inline-block;font-size:14px;color:#fff;background: #002395;width: 115px;height: 30px;line-height: 30px;text-align:center;margin-top: 17px;}
.nopics dt,.nopics dd a.newmore{ display:none;}
.nopics dd h2 a{}
.dddate{background:#5b5b5b;border:1px solid #5b5b5b;font-size:16px;color:#fff;text-align:center;line-height:29px;position:absolute;width: 84px;left:0;top: -4px;display:none;}
.dddate em{display:block;background:#fff;font-weight:bold;line-height: 63px;color:#5b5b5b;font-size:35px;}
.nopics .dddate{ display:block;}
.nopics dd{padding-left:103px;position:relative;color: #808080;}
.nopics dd h2 a{font-size:24px;margin-top: 0;}
.nopics dd p{ margin-top:5px;}
.nopics:hover .dddate{background:#002395;border:1px solid #002395}
.nopics:hover .dddate em{color:#002395;}
.new:hover h2 a{color:#002395;}
.newpage{ float:left; padding-top:30px;}
.newtitle{ text-align:center; color:#8d8d8d;}
.newtitle h2{font-size:24px;color:#333;line-height:35px;border-bottom:1px solid #e8e8e8;padding-bottom: 11px;margin-bottom: 7px;}
.newdetail{color:#6a6a6a;padding: 32px 23px 40px;}
.newtxt{padding-top: 23px;padding-bottom: 24px;}
.back{ background:#002395 url(icon04.jpg) 19px center no-repeat; width:66px; padding-left:35px; height:32px; line-height:32px; display:block; color:#fff; font-size:18px; margin-bottom:13px;}
.mew-op p a{ color:#666; padding-bottom:2px;}
.mew-op p a:hover{ color:#002395}
.mew-op p a em{ color:#666;}
.newtxt img{ max-width:100%;}

/*about*/
.develop{ padding:47px 35px 95px}
.developleft{ float:left; width:367px;}
.developleft h2{ font-size:30px; color:#fff; text-align:center; line-height:30px; background:url(bg01.jpg) no-repeat; padding-top:20px; height:71px;}
.developleft h2 span{ font-size:14px; color:#cfcfcf; display:block;}
.developlist{background: url(line01.jpg) 137px top repeat-y;padding-left: 32px;float:right;width:729px;}
.developlist li{padding-bottom: 24px;}
.developlist em{ float:left; font-size:24px; color:#333; height:41px; line-height:41px; width:137px; position:relative; background:url(icon06.jpg) 94px center no-repeat;}
.developtxt{float:left;padding-left:79px;position:relative;padding-top: 8px;}
.month{ font-size:18px; color:#fff; background:url(icon07.jpg) no-repeat; display:block; height:41px; line-height:41px; width:65px; text-indent:6px; position:absolute; left:0; top:0}

.much{padding: 33px 25px 80px;color:#333;overflow:hidden; min-height:473px;}
.much img{ max-width:100%; height:auto !important}
.partner{ width:1200px; padding-top:16px;}
.partner li{border:1px solid #cdcdcd;float:left;margin-top:13px;margin-right: 13px;width:276px;height:88px; overflow:hidden; cursor:pointer}
.partner li img{ width:276px; height:88px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.partner li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

.patent{ text-align:center;}
.patent a{ display:inline-block; width:180px; height:44px; line-height:44px; text-align:center; color:#fff; background:#545454; margin:0 1px;}
.patent a:hover,.patent a.cur{ background:#002395;}
.patentlist{width:1200px;margin-left: -8px; padding-top:18px;}
.patentlist li{ float:left; width:374px; height:375px; margin-top:15px; margin-right:18px; border:1px solid #e2e2e2;}
.much .page{ padding-bottom:0}
.join{ padding:22px 25px 55px;}
.jointxt{ font-size:13px; color:#4c4c4c;}
.jointxt a{ color:#002395;}
.searchjob{ background:#f8f8f8; padding:25px 0 25px 294px; margin-top:23px;}
.searchjob span{ float:left; height:35px; line-height:35px; margin-right:13px;}
.joinin{ float:left; height:33px; width:352px; padding:0 10px; border:1px solid #d9d9d9; background:#fff; border-right:none;}
.joinbt{ background:#373333; width:108px; font-size:14px; color:#fff; height:35px; line-height:35px; float:left;}
.jobnav{ text-align:center; padding-top:53px;}
.jobnav a{ display:inline-block; margin:0 1px; width:162px; height:43px; line-height:43px; font-size:16px; color:#fff; background:#5b5b5b; position:relative;}
.jiotable{ border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.jiotable th,.jiotable td{ border-right:1px solid #ddd; height:40px; vertical-align:middle; text-align:center}
.jiotable th{ color:#fff; font-weight:normal; background:#002395;}
.jiotable td{ background:#f8f8f8;}
.jiotable td a{ display:block; color:#002395;}
.joblist{ margin-top:30px;}
.joindetail{ padding:10px 33px 68px;}
.joindetail h2{ font-size:20px; color:#002395; height:70px; line-height:70px; border-bottom:1px solid #d9d9d9;}
.jointxt{ font-size:13px; color:#4c4c4c;}
.jointxt ul{ width:600px; padding-top:36px;}
.jointxt ul li{ float:left; line-height:30px; width:285px;}
.joinemail{ background:#f2f2f2; height:56px; line-height:56px; font-size:13px; color:#4c4c4c; padding-left:25px; margin-top:47px;}
.joinemail a{ color:#002395;}
.backjoin{ display:block; width:160px; height:34px; line-height:34px; text-align:center; margin:26px auto 0; background:#002395; color:#fff; font-size:16px;}

/*index*/
.index-banner{overflow:hidden;position:relative;z-index: 2;}
.banner-slide{position:relative;width: 100%; min-height:370px;}
.banner-slide li{ display:none}
.index-banner li img{ width:100%; display:block; position:relative; height:auto}
.index-banner .flex-control-nav{ position:absolute; width:100%; text-align:center; left:0; bottom:94px; z-index:3}
.index-banner .flex-control-nav li{ display:inline-block; margin:0 2px; float:none}
.index-banner .flex-control-nav a{ display:block; width:11px; height:11px; background:url(dot.png) 0 0 no-repeat; overflow:hidden; line-height:999px;}
.index-banner .flex-control-nav a.flex-active{ background:url(dot.png) -16px 0 no-repeat;}
.indexpro{background:url(shadow.png) center bottom no-repeat;padding-bottom:16px;width:1200px;margin:-79px auto 0;z-index: 3;position: relative;}
.subpro{ background:#f6f6f6; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; border:1px solid #fafafa; padding:16px 25px 0; position:relative}
.subpro h2{ font-size:18px; color:#fff; background:#002395; width:111px; height:33px; line-height:33px; text-align:center;}
.subpro h2 a{ color:#fff;}
.indexnav{ float:right; font-size:13px; color:#666;}
.indexnav a{ color:#666;}
.indexnav a.cur{ color:#002395}
.probox{ overflow:hidden;}
.probox ul{ width:9999px;}
.probox li{ float:left; width:230px; margin-bottom:18px; background: #fff;height: 220px;border-right: 1px solid #eee;}
.probox li img{_width:expression(this.offsetWidth > 230 ? '230px': true);max-width:230px;_height:expression(this.height> 173 ? 173 : true);max-height:173px;}
.probox li a span{ display:block; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; text-align:center; margin-top:4px;}
.indexleft,.indexright{display:block;position:absolute;width:25px;height:41px;background-color:#414141;background-repeat:no-repeat;top: 130px;cursor: pointer;}
.indexleft{ background-image:url(left.png); left:0}
.indexright{ background-image:url(right.png); right:0}
.indexleft:hover,.indexright:hover{ background-color:#002395;}
.probox li a:hover span{ color:#002395;}
.boxx{ float:left; -webkit-box-shadow:0 2px 20px rgba(0,0,0,.15); -moz-box-shadow:0 2px 20px rgba(0,0,0,.15); -ms-box-shadow:0 2px 20px rgba(0,0,0,.15); -o-box-shadow:0 2px 20px rgba(0,0,0,.15); box-shadow:0 2px 20px rgba(0,0,0,.15); margin-top:17px; background:url(thebg.jpg) repeat-x; width:362px; height:278px;}
.indexabout img{ width:362px; height:149px;}
.indexabout a{ display:block; font-size:13px; color:#545454;}
.boxx h2{ font-size:20px; color:#002395; margin-bottom:6px;}
.indexabout p{ height:72px; overflow:hidden;}
.indexabout div{padding: 16px 12px 10px;}
.indexnew { margin-left:25px; margin-right:20px;}
.boxx h2 a{ float:right; font-size:13px; color:#666;}
.boxx h2 a:hover{ color:#002395;}
.indexnew h2{ padding:16px 20px 0;}
.indexnew ul{ padding:0 20px;}
.indexnew ul li a{ display:block; font-size:13px; color:#666; position:relative; height:30px; line-height:30px; padding-right:85px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.indexnew ul li a:hover{ color:#002395;}
.indexnew ul li a span{ position:absolute; display:block; width:76px; top:0; right:0;}
.indexcase{ padding:0 20px; width:388px;}
.indexcase h2{ padding-top:16px;}
.slide{ float:left; width:291px; position:relative; height:200px; overflow:hidden; padding-top:11px;}
.slideBox{ position:relative}
.slideBox img{ width:291px; height:200px;}
.slideBox li{ float:left; width:291px; position:relative;}
.slideBox li a{ display:block;}
.slideBox li h3{ height:40px; line-height:40px; position:absolute; left:0; bottom:0; right:0; padding-left:22px; padding-right:60px; color:#fff; font-size:14px; background:url(1.png) repeat;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.slideBox .hd{position:absolute;right:1px;bottom:16px;z-index: 3;}
.slideBox .hd li{ width:6px; height:6px; float:left; margin-right:6px; background:url(2.png) 0 0 no-repeat;}
.slideBox .hd li.on{ background:url(2.png) -12px 0 no-repeat;}
.slidenav{float:left;font-size:14px;color:#cacaca;padding-left:16px;width: 81px;background:#333;padding-top: 26px;margin-top: 11px;height: 174px;}
.slidenav a{ display:block; color:#cacaca; cursor:pointer}
.slidenav a.cur{ color:#fff;}

/*20170713*/
.indexhd{ position:static}
.indexhd ul{ display:none;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}
.detail-nav a{ font-size:16px; height:50px; line-height:50px; width:15%;}
.gu{ color:#666; /*line-height:72px;*/ margin-left:10px; display:inline-block; vertical-align:top; font-size:14px;margin-top: 10px;}
.headtop{ overflow:hidden;}

/*20170719*/
/*在线留言*/
.message{text-align:center;color:#333;font-size:18px;padding:55px 25px 45px;overflow:hidden;width: 900px;margin: 0 auto;}
.mesform{ width:1200px;}
.mesform li{float:left;width: 293px;margin-top:30px;margin-right:15px;border: 1px solid #c9c9c9;}
.mesform li input{font-size:14px;color:#333;padding:0 10px;height:40px;line-height:40px;display: block;width: 273px;}
.mesform li.litext{width:1150px;border: navajowhite;}
.litext textarea{border:1px solid #c9c9c9;height: 150px;padding:10px;font-size:14px;color:#333;width: 903px;margin-right:0;resize:none;display: block;}
.message .mesbtn{ font-size:14px; color:#fff; background:#002395; display:block; width:95px; height:35px; margin:32px auto 0; text-align:center; line-height:35px; cursor:pointer;}
/*二级下拉*/
.nav li{ position:relative; z-index:8}
.secondnav{ background:#001b7c; position:absolute; left:0; width:100%; text-align:center; top:47px; padding:4px 0 20px; display:none;}
.secondnav a{ display:block; line-height:30px; font-size:12px; color:#d9d9d9; z-index:9}
.secondnav a:hover{ text-decoration:underline}
.nav li:hover .secondnav{ display:block;}

/*分享
.share{ height:75px;}*/
.shares{ float:left; color:#666;}
.prointro{ min-height:204px; padding-top:13px;}
.newtitle p{ display:inline-block; vertical-align:top}
.share01{display:inline-block;position: relative;top: 4px;margin-left: 20px;width: 140px;height: 16px;}
#share a{ margin:0 6px 0 0;}


/*20170726*/
.add{float:right;font-size:12px;color: #b4b4b4;line-height:18px;padding-top:15px;margin-right:23px;padding-right: 72px;position:relative;    margin-left: 27px;}
.add img{width: 72px;height: 72px;display:block;position:absolute;right:0;top: 19px;}
.add p{ float:right; padding-right:13px; margin-top:24px; display:none;}
.add img:hover{width: 101px;height: 101px;top: 4px;}


/*20170731*/
.flipster__button{display:block;width:33px;height:33px;position:absolute;top: 50%;margin-top: -17px; cursor:pointer}
.flipster__button--prev{background:url(he01.jpg) no-repeat;left: 10px;}
.flipster__button--next{background:url(he02.jpg) no-repeat;right: 10px;}
.flipster__button--prev:hover{ background:url(he01h.jpg) no-repeat;}
.flipster__button--next:hover{background:url(he02h.jpg) no-repeat;}

.flipster {
    display:block;
    overflow-x:hidden;
    overflow-y:visible;
    position:relative;
}
.flipster:focus {
    outline:none;
}
.flipster__container,.flipster__item {
    margin:0;
    padding:0;
    list-style-type:none;
    position:relative;
}
.flipster__container {
    display:block;
    white-space:nowrap;
    word-spacing:-0.25em;
    transform-origin:50% 50%;
    backface-visibility:hidden;
}
.flipster__item {
    display:inline-block;
    white-space:normal;
    word-spacing:normal;
    vertical-align:bottom;
}
.flipster--click .flipster__item--past,.flipster--click .flipster__item--future {
    cursor:pointer;
}
.flipster__item img {
    max-width:100%;
}
.flipster__button svg {
    display:none
}
.flipster__button:hover,.flipster__button:focus {
    opacity:1;
}
.flipster__button--prev {
    left: 50px;
}
.flipster__button--next {
    right: 50px;
}
.flipster__nav,.flipster__nav__item {
    list-style-type:none;
    margin:0;
    padding:0;
}
.flipster__nav {
    display:block;
    margin:0 0 4em;
    text-align:center;
    position:relative;
}
.flipster__nav__item {
    display:inline-block;
    margin:0 .25em;
}
.flipster__nav__link {
    display:block;
    color:inherit;
    padding:.5em 1em;
    position:relative;
    overflow:hidden;
    transition:all 250ms ease-out;
    transition-timing-function:cubic-bezier(.56,.12,.12,.98);
}
.flipster__nav__link::after {
    content:'';
    display:block;
    background:#232221;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    transform:translateY(100%) translateY(-0.25em);
    transition:inherit;
}
.flipster__nav__item--current>.flipster__nav__link,.flipster__nav__link:hover,.flipster__nav__link:focus {
    color:#fff;
}
.flipster__nav__item--current>.flipster__nav__link::after,.flipster__nav__link:hover::after,.flipster__nav__link:focus::after {
    transform:translateY(0);
}
.flipster__nav__child {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin-top:-1px;
    padding:.5em;
    background:#4e4441;
    z-index:1;
}
.flipster__nav__child .flipster__nav__link {
    color:#fff;
}
.flipster__nav__child .flipster__nav__link::after {
    background:#fff;
}
.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,.flipster__nav__child .flipster__nav__link:hover,.flipster__nav__child .flipster__nav__link:focus {
    color:#232221;
}
.flipster__nav__item--current .flipster__nav__child {
    display:block;
}
.flipster--carousel .flipster__container,.flipster--carousel .flipster__item,.flipster--carousel .flipster__item__content {
    transition:all 350ms ease-in-out;
    transition-timing-function:cubic-bezier(.56,.12,.12,.98);
}
.flipster--carousel .flipster__item--past,.flipster--carousel .flipster__item--future {
    opacity:0;
    transition-delay:115ms;
}
.flipster--carousel .flipster__item--past-2,.flipster--carousel .flipster__item--future-2 {
    opacity:.6;
    transition-delay:90ms;
}
.flipster--carousel .flipster__item--past-1,.flipster--carousel .flipster__item--future-1 {
    opacity:.8;
    transition-delay:60ms;
}
.flipster--carousel .flipster__item--past .flipster__item__content {
    transform:translateX(100%) rotateY(-20deg) scale(.5);
}
.flipster--carousel .flipster__item--past-2 .flipster__item__content {
    transform:translateX(25%) rotateY(40deg) scale(.65);
}
.flipster--carousel .flipster__item--past-1 .flipster__item__content {
    transform:rotateY(45deg) scale(.8);
}
.flipster--carousel .flipster__item--future .flipster__item__content {
    transform:translateX(-100%) rotateY(20deg) scale(.5);
}
.flipster--carousel .flipster__item--future-2 .flipster__item__content {
    transform:translateX(-25%) rotateY(-40deg) scale(.65);
}
.flipster--carousel .flipster__item--future-1 .flipster__item__content {
    transform:rotateY(-45deg) scale(.8);
}
.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
    transform:translateX(175%) scale(.5);
}
.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
    transform:translateX(25%) scale(.65);
}
.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
    transform:translateX(0) scale(.8);
}
.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
    transform:translateX(-175%) scale(.5);
}
.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
    transform:translateX(-25%) scale(.65);
}
.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
    transform:translateX(0) scale(.8);
}
.flipster--carousel .flipster__item--current .flipster__item__content {
    transform:translateX(0) rotateY(0deg) scale(1);
    transition-delay:60ms;
}
.flipster--coverflow .flipster__container,.flipster--coverflow .flipster__item,.flipster--coverflow .flipster__item__content {
    transition:all 350ms ease-in-out;
    transition-timing-function:cubic-bezier(.56,.12,.12,.98);
}
.flipster--coverflow .flipster__item {
    perspective:800px;
}
.flipster--coverflow .flipster__container {
    padding-bottom:5%;
}
.flipster--coverflow .flipster__item__content {
    transform-origin:50% 100%;
    box-reflect:below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,0.12)),color-stop(.2,transparent));
    -webkit-box-reflect:below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,0.12)),color-stop(.2,transparent))
}
.flipster--coverflow .flipster__item__content img:only-child {
    display:block;
}
.flipster--coverflow .flipster__item--past .flipster__item__content {
    transform-origin:0 50%;
    transform:scale(.75) rotateY(55deg);
}
.flipster--coverflow .flipster__item--future .flipster__item__content {
    transform-origin:100% 50%;
    transform:scale(.75) rotateY(-55deg);
}
.flipster--coverflow .flip-current .flipster__item__content {
    transform:rotateY(0deg);
}
.flipster--flat .flipster__container,.flipster--flat .flipster__item,.flipster--flat .flipster__item__content {
    transition:all 400ms ease-in-out;
}
.flipster--flat .flipster__item--past,.flipster--flat .flipster__item--future {
    opacity:.5;
}
.flipster--flat .flipster__item--past .flipster__item__content {
    transform:scale(.75);
}
.flipster--flat .flipster__item--future .flipster__item__content {
    transform:scale(.75);
}
.flipster--wheel {
    overflow:hidden;
}
.flipster--wheel .flipster__container,.flipster--wheel .flipster__item__content {
    transition:all 400ms ease-in-out;
    transition-timing-function:cubic-bezier(.56,.12,.12,.98);
}
.flipster--wheel .flipster__container {
    padding-bottom:20%;
}
.flipster--wheel .flipster__item__content {
    transform-origin:50% 100%;
}
.flipster--wheel .flipster__item--past .flipster__item__content {
    transform-origin:100% 100%;
}
.flipster--wheel .flipster__item--future .flipster__item__content {
    transform-origin:0 100%;
}
.flipster--wheel .flipster__item__content img:only-child {
    display:block;
}
.flipster--wheel .flipster__item--past .flipster__item__content {
    opacity:0;
    transform:rotateZ(-80deg) translate(-170%,110%);
}
.flipster--wheel .flipster__item--future .flipster__item__content {
    opacity:0;
    transform:rotateZ(80deg) translate(170%,110%);
}
.flipster--wheel .flipster__item--past-3 .flipster__item__content {
    opacity:1;
    transform:rotateZ(-60deg) translate(-70%,75%);
}
.flipster--wheel .flipster__item--future-3 .flipster__item__content {
    opacity:1;
    transform:rotateZ(60deg) translate(70%,75%);
}
.flipster--wheel .flipster__item--past-2 .flipster__item__content {
    opacity:1;
    transform:rotateZ(-40deg) translate(-17%,30%);
}
.flipster--wheel .flipster__item--future-2 .flipster__item__content {
    opacity:1;
    transform:rotateZ(40deg) translate(17%,30%);
}
.flipster--wheel .flipster__item--past-1 .flipster__item__content {
    opacity:1;
    transform:rotateZ(-20deg);
}
.flipster--wheel .flipster__item--future-1 .flipster__item__content {
    opacity:1;
    transform:rotateZ(20deg);
}
.flipster--wheel .flip-current .flipster__item__content {
    transform:rotateX(0deg);
}


/*公司视频*/
.videobox{ padding:0 28px; overflow:hidden;}
.videobox ul{ width:1200px; padding-top:15px;}
.videobox li{ margin-top:20px; width:368px; float:left; margin-right:20px;}
.image{ display:block; position:relative;}
.image>img{ display:block; width:100%;}
.videobox li a{ display:block; cursor:pointer}
.videotxt{ border:1px solid #e7e7e7; color:#1a1a1a; font-size:15px; text-align:center; padding:9px 10px 15px;}
.videotxt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.play{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.75);}
.play img{ position:absolute; width:79px; height:78px; left:50%; top:50%; margin-left:-39px; margin-top:-39px; display:block;}
.videoDiv{ width:100%; height:100%; background:url(layerbg.png); position:fixed; _position: absolute; top:0; left:0; z-index:9999 }
.videoDiv .videoCt{ width:640px; height:480px; background:#000; position:relative; left:50%; top:50%; margin:-240px 0 0 -320px; }
.videoDiv .videoClose{ width:50px; height:50px; position:absolute; top:-20px; right:-20px; z-index:9999; cursor:pointer}
.video_sp embed { display:block; width:100%; height:480px;}

/*20170801*/

.nav li:hover>a,.nav li>a.cur{ background:none; border-bottom:3px solid #001b7c; height:44px;}
.secondnav{ background:#202020; padding-top:2px;}
.secondnav a{ line-height:34px;}
.secondnav a:hover{ text-decoration:none; background:#001b7c;}

/*20170802*/
.samllpic li{ height:74px; overflow:hidden}
.samllpic li.cur{ height:68px;}
.pro-right h2{ padding-top:25px;}
.classiccase{ height:318px; width:1150px; overflow:hidden;margin-top:20px;}
.qhim{width: 454px;}
.head{ height:119px;}